<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <link rel="shortcut icon" href="${request.contextPath}/favicon.ico">
  <link rel="stylesheet" href="${request.contextPath}/statics/element-theme/turquoise/index.css">
  <link rel="stylesheet" href="${request.contextPath}/statics/element-theme/turquoise/aui.css">
  <link rel="stylesheet" href="${request.contextPath}/statics/css/base.css">
  <script src="${request.contextPath}/statics/js/config.js"></script>
</head>
<body>
  <div
    v-cloak
    v-loading.fullscreen.lock="loading"
    :element-loading-text="$t('loading')"
    :class="{ 'aui-sidebar--fold': sidebarFold }"
    class="aui-wrapper">
    <template v-if="!loading">
      <!-- navbar -->
      <main-navbar
        :navbar-layout-type="navbarLayoutType"
        :content-tabs-active-name="contentTabsActiveName"
        :user="user"
        @switch-sidebar-fold="sidebarFold = !sidebarFold"></main-navbar>
      <!-- sidebar -->
      <main-sidebar
        :sidebar-layout-skin="sidebarLayoutSkin"
        :sidebar-fold="sidebarFold"
        :sidebar-menu-list="sidebarMenuList"
        :sidebar-menu-active-name="sidebarMenuActiveName"></main-sidebar>
      <div class="aui-content__wrapper">
        <!-- content -->
        <main-content
          :sidebar-menu-active-name="sidebarMenuActiveName"
          :content-tabs="contentTabs"
          :content-tabs-active-name="contentTabsActiveName"
          @set-sidebar-menu-active-name="setSidebarMenuActiveName"
          @set-content-tabs="setContentTabs"
          @set-content-tabs-active-name="setContentTabsActiveName"></main-content>
      </div>
      <!-- theme-tools -->
      <main-theme-tools
        :navbar-layout-type="navbarLayoutType"
        :sidebar-layout-skin="sidebarLayoutSkin"
        @set-navbar-layout-type="setNavbarLayoutType"
        @set-sidebar-layout-type="setSidebarLayoutType"></main-theme-tools>
    </template>
  </div>
  <script src="${request.contextPath}/statics/plugins/vue-2.5.17/vue.js"></script>
  <script src="${request.contextPath}/statics/plugins/element-2.4.5/index.js"></script>
  <!-- 插件 -->
  <script src="${request.contextPath}/statics/plugins/es6-promise-4.2.4/es6-promise.auto.min.js"></script>
  <script src="${request.contextPath}/statics/plugins/axios-0.18.0/axios.min.js"></script>
  <script src="${request.contextPath}/statics/plugins/js-cookie-2.2.0/js-cookie.min.js"></script>
  <script src="${request.contextPath}/statics/plugins/lodash-4.17.10/lodash.min.js"></script>
  <script src="${request.contextPath}/statics/plugins/qs-6.5.2/qs.min.js"></script>
  <script src="${request.contextPath}/statics/plugins/screenfull-3.3.2/screenfull.min.js"></script>
  <!-- 国际化 -->
  <script src="${request.contextPath}/statics/plugins/vue-i18n-8.1.0/vue-i18n.min.js"></script>
  <script src="${request.contextPath}/statics/plugins/element-2.4.5/locale/zh-CN.js"></script>
  <script src="${request.contextPath}/statics/plugins/element-2.4.5/locale/zh-TW.js"></script>
  <script src="${request.contextPath}/statics/plugins/element-2.4.5/locale/en.js"></script>
  <script src="${request.contextPath}/statics/i18n/zh-CN.js"></script>
  <script src="${request.contextPath}/statics/i18n/zh-TW.js"></script>
  <script src="${request.contextPath}/statics/i18n/en-US.js"></script>
  <script src="${request.contextPath}/statics/i18n/index.js"></script>
  <!-- 业务 -->
  <script src="${request.contextPath}/statics/icons/iconfont.js"></script>
  <script src="${request.contextPath}/statics/js/common.js"></script>
  <script src="${request.contextPath}/statics/js/index.js"></script>
</body>
</html>
